<template>
	<view>
		<UserInfoCardVue></UserInfoCardVue>
		<view class="guidance-container">

			<view class="process-container">
				<Title title-name="服务进程"></Title>
				<Guidance :process-list="processList"></Guidance>
			</view>
		</view>
	</view>
</template>

<script>
	import UserInfoCardVue from '../../../components/UserInfo/UserInfoCard.vue';
	import Title from '../../../components/Title/title.vue'
	import Guidance from '../ServePatient/components/Guidance/guidance.vue'
	export default {
		components: {
			UserInfoCardVue,
			Title,
			Guidance
		},
		data() {
			return {
				processList: [{
						time: '2025-07-23 14:16:23',
						imgPath: '@/static/images/icon/address-icon.png',
						processName: '入院预约',
						location: '',
						btnMsg: '去预约',
						status: 'past'
					},
					{
						time: '2025-07-25 16:15:09',
						imgPath: '@/static/images/icon/address-icon.png',
						processName: '住院登记',
						location: '',
						btnMsg: '去登记',
						status: 'past'
					},
					{
						time: '',
						imgPath: '@/static/images/icon/address-icon.png',
						processName: '住院签到',
						location: '大兴院区内科中心病区',
						status: 'active'
					},
					{
						time: '',
						imgPath: '@/static/images/icon/address-icon.png',
						processName: '住院预缴',
						location: '',
						btnMsg: '去缴费',
						status: 'normal'
					},
					{
						time: '',
						imgPath: '@/static/images/icon/address-icon.png',
						processName: '出院结算',
						location: '',
						btnMsg: '去结算',
						status: 'normal'
					},
					{
						time: '',
						imgPath: '@/static/images/icon/address-icon.png',
						processName: '完成',
						location: '',
						btnMsg: '去评价',
						status: 'normal'
					},
				]
			}
		}
	}
</script>

<style lang="scss" scoped>
	.guidance-container {
		min-height: 100vh;
		background: linear-gradient(#e0f3ff 0%, #fff 50%);
		padding: 20rpx;
	}

	.process-container {
		padding: 20rpx 15rpx 10rpx;
		margin-top: 20rpx;
		border-radius: 16rpx;
	}
</style>